@charset "utf-8";

@import "reset";
$font-size:40;

@function r($px){
    @return $px/$font-size*1rem;
}

html,body{
                width: 100%;
                height: 100%;
            }
            .web{
                width: 100%;
                height: 100%;
                
                position: relative;
            }
            header{
                width: 100%;
                height: r(150); 
                position: absolute;
                top: 0;
                
            }
            .clearfix:after{
                content: "";
                clear: both;
            }
            /*header>div{
                display: inline-block;
                vertical-align: middle;
            }*/
            footer{
                width: 100%;
                height: r(136);
                background: white;
                position: absolute;
                bottom: 0;
                 a{
                 color: #000000;   
                }
                ul li{
                    width: 25%;
                    height: 100%;
                    float: left;
                    text-align: center;
                    margin-top: r(10);
                    
                   
                    .iconfont{
                        color: transparent;
                        font-size: r(70);
                        -webkit-text-stroke: 1px #ff9344;
                       
                    }
                    p{
                        font-size: r(26);
                    }
                    
                    &.active .iconfont{
                        color: #ff9344;
                    }
                }
               
            }
            
            section{
                width: 100%;
                position: absolute;
                top: r(150);
                bottom: r(136);
                overflow-y: scroll;
                
            }
            header .logo{
                width: r(124);
                height: r(124);
                float: left;
                margin-left: r(20);
                margin-top:r(16) ;
                
            }
            header .logo img{
                width: 100%;
                height: 100%;
            }
            header .searchBar{
                width: r(267);
                height: r(56);
                border: 1px solid #ff9344;
                border-radius:r(50);
                padding-left: r(16);
                padding-right: r(12);
                box-sizing: border-box;
                margin: r(51) auto 0 auto;
                outline: none;
                line-height:r(48) ;
                
               
            }
            header .searchBar input{
                width: r(194);
                height: r(44);
                border: 0;
                font-size: r(24);
                vertical-align: middle;
               
                
                
    }
            header .searchBar i{
                font-size:r(28) ;
                color: #ff9344;
            }
            
            
            header .selectBar{
                width: r(158);
                height: r(54);
                border: 1px solid #ff9344;
                float: right;
                margin-right: r(22);
                margin-top: r(48);
                background: url("../img/selectbtn.png") no-repeat right r(12) top r(22) ;
                background-size: r(30) r(16);
                outline: none;
                
               
            }
            header .selectBar select{
                width: 100%;
                height: 100%;
                background: transparent;
                border: 0;
                appearance: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                padding-left: r(14);
                padding-bottom: r(6);
                font-size: r(26);
                vertical-align: middle;
                
                
            }
            .icon-icon-up{
                color: #ff9344;
            }
            
            .backbtn{
                    width: r(121);
                    height: r(54);
                    border: 1px solid #FF9344;
                    text-align: center;
                    line-height: r(60);
                    border-radius: r(13);
                    margin-top: r(48);
                    margin-left: r(23);
                    font-size: r(25);
                    font-weight: 200;
                    a{
                        height: 100%;
                        color: black;
                        line-height:r(54) ;
                    }
                }
                header h3{
                    width: 100%;
                    text-align: center;
                    font-size: r(26);
                    font-weight: normal;
                    margin: 0 auto;
                    margin-top: r(65);
                    
                }
            
            
           
            
